<template>
    <div>

        <progress-bar :percent="percent" @precentChange="setPercent"></progress-bar>
        <div>当前进度{{percent}}<span>%--移动端可以拖拽</span></div>
    </div>
</template>

<script>
import ProgressBar from 'base/progress-bar/progress-bar'
export default {
    data() {
        return {
            percent:20
        }
    },
    methods:{
        setPercent(percent){
            this.percent=Math.floor(percent*100)
        }
    },    
    components:{
        ProgressBar
    }
}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
@import '~common/stylus/variable';


</style>
